<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
<title>Login</title>
</h:head>
<h:body>
	<div id="spaziatura">
	<full_page id="main">
	<!-- 		HEADER -->
			<div>
				<img src="http://localhost:8080/TravelDreamWEB/resources/Images/Banner.png" id="bannerTop"></img>
			</div>
<!-- 		HEADER -->
<div>
						<img src="http://localhost:8080/TravelDreamWEB/resources/Images/Banner_piccolo.png" id="bannerBottom_sx"></img>
			</div>

			<div>
						<img src="http://localhost:8080/TravelDreamWEB/resources/Images/Logo_td_big.png" id="logoTD"></img>
			</div>

			<div>
						<img src="http://localhost:8080/TravelDreamWEB/resources/Images/Banner_piccolo_dx.png" id="bannerBottom_dx"></img>
			</div>
			
			<div>
						<img src="http://localhost:8080/TravelDreamWEB/resources/Images/Bg.png" id="background"></img>
			</div>
		<!--TITOLO E SOTTOTITOLO-->
		<title_box>
		<title_TD>TravelDream</title_TD>
		</title_box>
		<!--FINE TITOLO E SOTTOTITOLO-->
		
		<!--BOX DI TESTO-->
		<right_box_half_page_a id="pagHome">
			<div>
						<img src="http://localhost:8080/TravelDreamWEB/resources/Images/SfondoHome.png" id="sfondoHome"></img>
			</div>
		</right_box_half_page_a>
		
		
		<!--IMMAGINI LATERALI -->
			<left_box_tri_page id="topTriBox">
				<img src="http://localhost:8080/TravelDreamWEB/resources/Images/img1.jpg"></img>
			</left_box_tri_page>
			
			<left_box_tri_page id ="middleTriBox">
				<img src="http://localhost:8080/TravelDreamWEB/resources/Images/img2.jpg"></img>
			</left_box_tri_page>
			
			<left_box_tri_page id="bottomTriBox">
				<img src="http://localhost:8080/TravelDreamWEB/resources/Images/img3.jpg" ></img>
			</left_box_tri_page>
			<!--IMMAGINI LATERALI -->
			
<!-- 			GALLERIA -->
			
			<div id="divGalleria"><p:galleria autoPlay="TRUE" effect="fade" id="galleriaHome" panelHeight= "235" panelWidth="400"  showCaption="true">
				
				<p:graphicImage value="http://localhost:8080/TravelDreamWEB/resources/Images/galleria/slide1.jpg?pfdrid_c=true" title="Courmayeur"/>
				<p:graphicImage value="http://localhost:8080/TravelDreamWEB/resources/Images/galleria/slide2.jpg?pfdrid_c=true" title="Canada"/>
				<p:graphicImage value="http://localhost:8080/TravelDreamWEB/resources/Images/galleria/slide3.jpg?pfdrid_c=true" title="Barcellona"/>
				<p:graphicImage value="http://localhost:8080/TravelDreamWEB/resources/Images/galleria/slide4.jpg?pfdrid_c=true" title="Parigi"/>
				<p:graphicImage value="http://localhost:8080/TravelDreamWEB/resources/Images/galleria/slide5.jpg?pfdrid_c=true" title="Ibiza"/>
				
			</p:galleria></div>
<!-- 		GALLERIA -->
		
		
		<!--FINE BOX DI TESTO-->
		
		<!--SEZIONE LOGIN -->
		<box_login>
		<login_textbox>Login<br />
		Form</login_textbox>
			<h:form id="login"
				onsubmit="document.getElementById('login').action='j_security_check';"
				prependId="false">
				<box_form>
				<h:panelGrid columns="2">
					<p:outputLabel id="Username" for="j_username" value="Email" />
					<p:inputText id="j_username" name="j_username" />
					<p:outputLabel id= "Password" for="j_password" value="Password" />
					<p:password id="j_password" name="j_password" />	
				</h:panelGrid>
				</box_form>
				<p:commandButton id="submit" value="Login" ajax="false" />
			</h:form>
			<h:form id= "register" rendered="#{param['user']}">
				<h:link  value="Register" outcome="register" />
			</h:form>
		</box_login>
		<!--FINE SEZIONE LOGIN -->
		
	</full_page>
	</div>
	<h:outputStylesheet library="css" name="css_rules.css" />
</h:body>


<!-- VECCHIO BODY -->

<!-- <h:body> -->
<!-- 	<body_box_large> -->
<!-- 	<p:panel header="Login Form"> -->
<!-- 		<h:form id="login" -->
<!-- 			onsubmit="document.getElementById('login').action='j_security_check';" -->
<!-- 			prependId="false"> -->
<!-- 			<h:panelGrid columns="2"> -->
<!-- 				<p:outputLabel for="j_username" value="Email" /> -->
<!-- 				<p:inputText id="j_username" name="j_username" /> -->
<!-- 				<p:outputLabel for="j_password" value="Password" /> -->
<!-- 				<p:password id="j_password" name="j_password" /> -->
<!-- 				<p:commandButton id="submit" value="Login" ajax="false" /> -->
<!-- 			</h:panelGrid> -->
<!-- 		</h:form> -->
<!-- 		<h:form rendered="#{param['user']}"> -->
<!-- 			<h:link value="Register" outcome="register" /> -->
<!-- 		</h:form> -->
<!-- 	</p:panel></body_box_large> -->
<!-- </h:body> -->
</html>